
.main{
	width: 100%;
	background: url(../img/bg.png) no-repeat center;
	.content{
		.item{
			margin-top: 20px;
			.title{
				width: 100%;
				height: 50px;
				background: url(../img/title.png) no-repeat left center;
				padding-left: 50px;
				box-sizing: border-box;
				font-size: 20px;
				font-family: Microsoft YaHei;
				font-weight: bold;
				color: #8F2526;
				line-height: 50px;
			}
			ul{
				padding-left: 48px;
				margin-top: 24px;
				li{
					background: url(../img/build.png) no-repeat left center;
					padding-left: 30px;
					line-height: 20px;
					margin-bottom: 20px;
					white-space: nowrap;
					overflow:hidden;
					text-overflow: ellipsis;
					a{
						font-size: 16px;
						font-family: Source Han Sans CN;
						font-weight: 500;
						color: #333333;
					}
				}
			}
		}
	}
}
.tan{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: rgba(7,17,27,0.3);
	.inner{
		position: absolute;
		top: 50%;
		left:50%;
		width: 678px;
		height: 368px;
		background: #FFFFFF;
		border-radius: 8px;
		margin: -184px -389px;
		box-sizing: border-box;
		.closeT{
			text-align: right;
			padding: 26px 26px 0 0;
			img{
				cursor: pointer;
			}			
		}
		.con{
			padding-top: 30px;
			.img{
				text-align: center;
				padding-top: 12px;
				img{
					max-width: 90%;
				}
				p{
					font-size: 14px;
					font-family: Microsoft YaHei;
					font-weight: 400;
					color: #999999;
					margin-top: 30px;
				}
			}
			.info{
				.name{
					font-size: 24px;
					font-family: Source Han Sans CN;
					font-weight: 500;
					color: #333333;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}
				.subName{
					font-size: 16px;
					font-family: Microsoft YaHei;
					font-weight: 400;
					color: #666666;
					margin-top: 25px;
					margin-bottom: 10px;
				}
				.item{
					font-size: 18px;
					font-family: Microsoft YaHei;
					font-weight: 400;
					color: #666666;
					margin-top: 5px;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
					img{
						margin-right: 10px;
					}
				}
			}
		}
	}
}
@media (max-width:750px) {
	.main{
		background: none;
		.content{
			.item{
				margin-top: 0.2rem;
				.title{
					height: 0.8rem;
					background: url(../img/title.png) no-repeat left center;
					background-size: auto 100%;
					padding-left:1rem;
					box-sizing: border-box;
					font-size: 0.4rem;
					font-family: Microsoft YaHei;
					font-weight: bold;
					line-height: 0.8rem;
				}
				ul{
					padding-left: 0.3rem;
					margin-top: 0.3rem;
					li{
						a{
							font-size: 0.3rem;
						}
					}
				}
			}
		}
	}
	.tan{		
		.inner{
			position: absolute;
			top: 50%;
			left:50%;
			width: 7rem;
			height: 5.2rem;
			border-radius: 0.1rem;
			margin: -3rem -3.5rem;
			padding: 0 0.15rem;
			.closeT{
				padding: 0.26rem 0.26rem 0 0;		
			}
			.con{
				padding-top: 0.3rem;
				.img{
					padding-top: 0.8rem;
					padding-right: 0;
					p{
						font-size: 0.28rem;
						margin-top: 0.3rem;
					}
				}
				.info{
					.name{
						font-size: 0.36rem;						
					}
					.subName{
						font-size: 0.3rem;
						margin-top: 0.15rem;
						margin-bottom: 0.15rem;
					}
					.item{
						font-size: 0.32rem;
						margin-top: 0.05rem;						
						img{
							margin-right: 0.1rem;
						}
					}
				}
			}
		}
	}
}